﻿<link href="@Url.Content("~/content/activitie_detail.css")" rel="stylesheet" type="text/css"/>
<link href="@Url.Content("~/content/table_btn.css")" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="@Url.Content("~/plugin/css/pikaday.css")">
<link rel="stylesheet" href="@Url.Content("~/plugin/css/site.css")">
<script src="@Url.Content("~/plugin/moment.min.js")"></script>
<script src="@Url.Content("~/plugin/pikaday.js")"></script>

<!--[if lt IE 8]>
    <link href="@Url.Content("~/content/activitie_create.css")" rel="stylesheet" type="text/css"/>
<![endif]-->

<noscript>
    <link href="@Url.Content("~/content/activitie_create.css")" rel="stylesheet" type="text/css"/>
    <link href="@Url.Content("~/content/activitie_noscript.css")" rel="stylesheet" type="text/css"/>
</noscript>

@model PessModel.Activity

@{
    ViewBag.Title = "New Event";
}

<h2>Creat New Event</h2>
<div id="operate">
    @Html.ActionLink("Back to Event List", "Index")
</div>
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset class="create">
        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field long">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>

        <div class="editor-label fly">
            @Html.LabelFor(model => model.Description)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Description)
            @Html.ValidationMessageFor(model => model.Description)
        </div>

     <div class="inline">
        <div class="editor-label">
            @*@Html.LabelFor(model => model.StartDate)*@Start Date
        </div>
        <div class="editor-field">
            <input type="text" id="StartDate" name="StartDate" value="@Html.DisplayFor(model => model.StartDate)">
            @Html.ValidationMessageFor(model => model.StartDate)
        </div>

        <div class="editor-label">
            @*@Html.LabelFor(model => model.DueDate)*@End Date
        </div>
        <div class="editor-field">
            <input type="text" id="DueDate" name="DueDate" value="@Html.DisplayFor(model => model.DueDate)">
            @Html.ValidationMessageFor(model => model.DueDate)
        </div>
     </div>

     <div class="inline">
        <div class="editor-label">
            @*@Html.LabelFor(model => model.AdminYear)*@Proposal Submission Start Date
        </div>
        <div class="editor-field">
            <input type="text" id="UploadStartDate" name="UploadStartDate" value="@Html.DisplayFor(model => model.UploadStartDate)">
            @Html.ValidationMessageFor(model => model.UploadStartDate)
        </div>
        <div class="editor-label">
            @*@Html.LabelFor(model => model.AdminYear)*@Proposal Submission End Date
        </div>
        <div class="editor-field">
            <input type="text" id="UploadDueDate" name="UploadDueDate" value="@Html.DisplayFor(model => model.UploadDueDate)">
            @Html.ValidationMessageFor(model => model.UploadDueDate)
        </div>
     </div>

     <div class="inline">
        <div class="editor-label">
            @*@Html.LabelFor(model => model.AdminYear)*@Review Start Date
        </div>
        <div class="editor-field">
            <input type="text" id="ReviewStartDate" name="ReviewStartDate" value="@Html.DisplayFor(model => model.ReviewStartDate)">
            @Html.ValidationMessageFor(model => model.ReviewStartDate)
        </div>
        <div class="editor-label">
            @*@Html.LabelFor(model => model.AdminYear)*@Review End Date
        </div>
       <div class="editor-field">
            <input type="text" id="ReviewDueDate" name="ReviewDueDate" value="@Html.DisplayFor(model => model.ReviewDueDate)">
            @Html.ValidationMessageFor(model => model.ReviewDueDate)
        </div>
      </div>

     <div class="inline">
        <div class="editor-label">
            @*@Html.LabelFor(model => model.AdminYear)*@Year
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.AdminYear)
            @Html.ValidationMessageFor(model => model.AdminYear)
            <span>e.g., 2013-1-1</span>
        </div>

         <div class="editor-label">
            Status：
        </div>
        <div class="editor-field short">
            @Html.DropDownList("Status")
            @Html.ValidationMessageFor(model => model.Status)
            <p style="width:360px;">
                Open：All users can visit the event.<br />
                Closed：Only administrators can visit the event.<br />                
                Done：Only administrators and chairs can visit the event.<br />
            </p>
        </div>
     </div>

@*        <div class="editor-label">
            @Html.LabelFor(model => model.RelatedActivityID, "ProposalActivity")
        </div>
        <div class="editor-field">
            @Html.DropDownList("RelatedActivityID", String.Empty)
            @Html.ValidationMessageFor(model => model.RelatedActivityID)
        </div>*@

        <div class="editor-label">
            @*@Html.LabelFor(model => model.TypeID, "PessType")*@Type：
        </div>
        <div class="editor-field">
            @Html.DropDownList("TypeID", String.Empty)
            @Html.ValidationMessageFor(model => model.TypeID)
        </div>

        <div class="editor-btn">
            <input type="submit" value="Save" />
        </div>
    </fieldset>
}

<script>
        var pikaday1 = new Pikaday({
            field: document.getElementById('StartDate'),
            firstDay: 1,
            minDate: new Date('2005-01-01'),
            maxDate: new Date('2025-12-31'),
            yearRange: [2005,2025],
            onSelect: function () { },
            onOpen: function () {
            }
        });

        var pikaday2 = new Pikaday({
            field: document.getElementById('DueDate'),
            minDate: new Date('2005-01-01'),
            maxDate: new Date('2025-12-31'),
            yearRange: [2005, 2025],
            onSelect: function () { }
        });
        var pikaday3 = new Pikaday({
            field: document.getElementById('UploadStartDate'),
            firstDay: 1,
            minDate: new Date('2005-01-01'),
            maxDate: new Date('2025-12-31'),
            yearRange: [2005, 2025],
            onSelect: function () { }
        });
        var pikaday4 = new Pikaday({
            field: document.getElementById('UploadDueDate'),
            firstDay: 1,
            minDate: new Date('2005-01-01'),
            maxDate: new Date('2025-12-31'),
            yearRange: [2005, 2025],
            onSelect: function () { }
        });
        var pikaday5 = new Pikaday({
            field: document.getElementById('ReviewStartDate'),
            firstDay: 1,
            minDate: new Date('2005-01-01'),
            maxDate: new Date('2025-12-31'),
            yearRange: [2005, 2025],
            onSelect: function () { }
        });
        var pikaday6 = new Pikaday({
            field: document.getElementById('ReviewDueDate'),
            firstDay: 1,
            minDate: new Date('2005-01-01'),
            maxDate: new Date('2025-12-31'),
            yearRange: [2005, 2025],
            onSelect: function () { }
        });
 </script>

@*@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}*@
